<style scoped lang="less">
    .index{
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        text-align: center;
        h1{
            height: 150px;
            img{
                height: 100%;
            }
        }
        h2{
            color: #666;
            margin-bottom: 200px;
            p{
                margin: 0 0 50px;
            }
        }
        .ivu-row-flex{
            height: 100%;
        }
    }
    .layout{
        border: 1px solid #d7dde4;
        background: #f5f7f9;
        position: relative;
        border-radius: 4px;
        overflow: hidden;
        height: auto;
    }
    .footer{
        position: fixed;
        bottom: 1rem;
        display: none;
    }
    .content{
        margin-top: 1rem;
        height: auto;
    }
    .right{
        display: none;
    }
    .card-margin{
        margin-top: 1rem;
    }
</style>
<template>
    <div class="layout index">
        <Layout>
            <Layout>
                <Header>
                    <Resume_head />
                </Header>
                <Content class="content">
                    <card class="card-margin">
                        <resume_company id="company"/>
                    </card>
                    <card class="card-margin">
                        <resume_work   id="work" />
                    </card>
                </Content>
                <Footer class="footer">底部</Footer>
            </Layout>
            <Sider hide-trigger breakpoint="md" class="right">
                <Anchor show-ink container=".goodShow">
                    <AnchorLink href="#company" title="company Position" />
                    <AnchorLink href="#work" title="work Usage" />
                    <AnchorLink href="#API" title="API">
                        <AnchorLink href="#Anchor_props" title="Anchor props" />
                        <AnchorLink href="#Anchor_events" title="Anchor events" />
                        <AnchorLink href="#AnchorLink_props" title="AnchorLink props" />
                    </AnchorLink>
                </Anchor>
            </Sider>
        </Layout>
    </div>
</template>
<script>
    import Resume_head from './resume/head.vue';
    import resume_company from './resume/company'
    import resume_work from './resume/work'
    export default {
        components: {
            Resume_head,
            resume_company,
            resume_work
        },
        methods: {
            handleStart () {
                this.$Modal.info({
                    title: 'Bravo',
                    content: 'Now, enjoy the convenience of iViewppppp'
                });
            }
        },
        data: {}
    }
</script>
